<template>
  <div class="buttons-container">
    <button :disabled="disabled" class="sign" @click.prevent.stop="funcOne">
      {{ textOne }}
    </button>
    <button class="reject" @click.prevent.stop="funcTwo">
      {{ textTwo }}
    </button>
  </div>
</template>

<script>
export default {
  props: {
    textOne: {
      type: String,
      default: ''
    },
    textTwo: {
      type: String,
      default: ''
    },
    funcOne: {
      type: Function,
      default: () => {}
    },
    funcTwo: {
      type: Function,
      default: () => {}
    },
    disabled: {
      type: Boolean,
      default: false
    }
  }
};
</script>
<style lang="scss" scoped>
@import 'AcceptCancelButtons.scss';
</style>
